.um-kefu,.um-kefu *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.um-kefu-bg,.um-kefu__icon,.um-kefu__hd,.um__icon__tel,.um__icon__qq,.um__icon__qcode,.um-kefu__item__qq i,.um-kefu__ft i{ background-image:url(kefu.png); background-repeat:no-repeat;}
.um-kefu{ position: absolute; right:-210px; top:0; width:210px; background:#fff;border-radius:0 0 0 4px;box-shadow: 5px 5px 10px 1px rgba(0,0,0,.5); z-index:21171098;}
.um-kefu__btn{ position:absolute; left:-40px; top:0; width:16px; height:90px; background:#F30; border-radius:4px 0 0 4px;line-height: 18px;padding: 45px 10px 12px 14px; font-size: 14px;color:#fff;cursor: pointer;transition: all 0.2s ease-in 0s;}
.um-kefu__icon{display: block;height: 24px;left: 10px;position: absolute;top: 15px;width: 24px; background-position:0 -75px;}
.um-kefu__btn:before,.um-kefu__btn:after{ position:absolute; left:50%; bottom:8px;  display:block; content:' '; width:0; height:0;}
.um-kefu__btn:before{ margin-left:-8px;border:6px solid transparent; border-right-color:#fff;animation:um-kefu-btn 1s;animation-iteration-count: infinite;}
.um-kefu__btn:after{ display:none;border:6px solid transparent; border-left-color:#fff;}
.um-kefu.on .um-kefu__btn:before{ display:none;}
.um-kefu.on .um-kefu__btn:after{ display:block;}

.um-kefu__bd{min-height:200px; padding:10px 15px; font-size:14px;}
.um-kefu__bd li{padding:5px 0;text-decoration:none;overflow:hidden}
.um-kefu__item__qq{  font-size:14px;}
.um-kefu__item__qq a{position:relative;display:block;height:30px; line-height:30px; background:#F60; padding-left:45px;border-radius:3px;color:#fff;}
.um-kefu__item__qq a:hover{ background:#F90;}
.um-kefu__item__qq i{ position:absolute;top: 5px; left:15px; display:inline-block;width: 20px;height: 20px; background-position:-26px -75px;}
.um-kefu__item__phone{ color:#F00;}
.um-kefu__item__phone label{ color:#666; margin-right:10px;}
.um-kefu__item__hotline{}
.um-kefu__item__qcode{ height:92px; overflow:hidden;}
.um-kefu__item__qcode img{ float:left; width:90px; height:90px; border:#f8f8f8 solid 1px; padding:2px; margin-right:10px; }
.um-kefu__item__qcode span{display:table-cell; height:90px;vertical-align:middle;}

.um-kefu__bd li.um-kefu__item__tit{ position:relative; border-bottom:#efefef solid 1px;color:#666; font-size:14px;}
.um-kefu__hd{ position:absolute; left:0;top:-72px; width:100%; height:72px; background-position:0 0;}
.um-kefu__ft{ margin:0 15px; border-top:#f3f3f3 solid 1px;}
.um-kefu__ft a{ display:block; position: relative;padding:2px 20px;color:#999;}
.um-kefu__ft i{ position:absolute; left:0; top:3px; 3px; width:16px; height:16px; background-position:-52px -100px;}
.um__icon{ display:inline-block; width:16px; height:16px; margin-right:6px;background-repeat:no-repeat; vertical-align:middle;opacity:0.3;}
.um__icon__qq{  background-position:-17px -100px; }
.um__icon__tel{ background-position:0 -100px;}
.um__icon__qcode{background-position:-34px -100px; }
@keyframes um-kefu-btn
{
0%   {margin-left:-8px;}
25%  {margin-left:-9px;}
50%  {margin-left:-8px;}
75%  {margin-left:-9px;}
100% {margin-left:-8px;}
}